<%@page import="pl.peterjack.model.dane.Klient"%>
<%@page import="pl.peterjack.model.dane.PracownikUprawnienia"%>
<%@page import="pl.peterjack.model.dane.Pracownik"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<div id="klienciPanel" dojoType="dijit.layout.ContentPane" region="center" class="zawartoscPanela"  >
                	<div  dojoType="dijit.layout.ContentPane" region="top">
            
<% Pracownik pracownik = (Pracownik) request.getAttribute("firma_pracownik");  %>
<% PracownikUprawnienia pracownikUprawnienie = (PracownikUprawnienia) request.getAttribute("firma_pracownik_uprawnienie");  %>
<% Klient klient = (Klient) request.getAttribute("firma_klient");  %>    	
                	
                	<% if ( klient == null && (pracownik == null || pracownikUprawnienie == null || (pracownikUprawnienie.getDodawanieKlientow() != null && pracownikUprawnienie.getDodawanieKlientow().booleanValue()) ) ) { %>
	                	<button dojoType="dijit.form.Button" type="button" class="przyciskiLewo" id="dodajKlienciButtonNode">
	                		Dodaj
	                		<script type="dojo/connect" data-dojo-event="onClick">
    							dijit.byId("dodawanieKlienta").show();
  							</script>
                		</button>
                	<% } %>
	                	
	                	<button class="przyciskiPrawo" id="resetKlienciButtonNode" dojoType="dijit.form.Button" type="button">
	                		Reset
	                		<script type="dojo/method" event="onClick" args="evt">
            					klienciDataGrid.store.close();
								klienciDataGrid.store.url = "/dane/klient/lista";
								klienciDataGrid._refresh();
								klienciDataGrid.filter({nazwa: '*'});
            				</script>
	                	</button>
	                	
	                <% if ( klient == null && (pracownik == null || pracownikUprawnienie == null || (pracownikUprawnienie.getDodawanieKlientow() != null && pracownikUprawnienie.getDodawanieKlientow().booleanValue()) ) ) { %>
	                	<button class="przyciskiPrawo" id="usunKlienciButtonNode" dojoType="dijit.form.Button" type="button" region="trailing">
                			Usuń
                			<script type="dojo/method" event="onClick" args="evt">
            					var items = klienciDataGrid.selection.getSelected();
            					if (items.length) {
                					dojo.forEach(items, function(selectedItem) {
                    					if (selectedItem !== null) {
                        					if(selectedItem) {
												var xhrArgs = {
                									url: "/dane/klient/usuwanie",
                									postData: "id="+selectedItem.id,
                									handleAs: "text",
                									load: function(data) {
                    									klienciDataGrid.store.close();
														klienciDataGrid.store.url = "/dane/klient/lista";
														klienciDataGrid._refresh(); // or grid.store.fetch();
                									},
                									error: function(error) {
                    									console.log(error);
                									}
            									};
            									var deferred = dojo.xhrPost(xhrArgs);
											} 
                    					} // end if
                					}); // end forEach
            					} // end if
            				</script>
                		</button>
                		
                		<button class="przyciskiPrawo" id="edytujKlienciButtonNode" dojoType="dijit.form.Button" type="button" region="trailing">
                			Edytuj
                			<script type="dojo/method" event="onClick" args="evt">
            					var items = klienciDataGrid.selection.getSelected();
            					if (items.length) {
                					dojo.forEach(items, function(selectedItem) {
                    					if (selectedItem !== null) {
                        					if(selectedItem) {
												// ustawiamy pola formularza 
												dojo.byId('edycjaId').value = selectedItem.id;
												dijit.byId('edycjaImie').set('value',selectedItem.imie);
												dijit.byId('edycjaNazwisko').set('value',selectedItem.nazwisko);
												dijit.byId('edycjaNazwa').set('value',selectedItem.nazwa);
												dijit.byId('edycjaAdres').set('value',selectedItem.adres);
												dijit.byId('edycjaMiejscowosc').set('value',selectedItem.miejscowosc);
												dijit.byId('edycjaKodPocztowy').set('value',selectedItem.kodPocztowy);
												dijit.byId('edycjaTelefon').set('value',selectedItem.telefon);
												dijit.byId('edycjaEmail').set('value',selectedItem.email);
												dijit.byId('edycjaNip').set('value',selectedItem.nip);
												dijit.byId('edycjaLogin').set('value',selectedItem.login);
												dijit.byId('edycjaHaslo').set('value','');
												// wyswietlamy formularz
												dijit.byId("edycjaKlienta").show();
											} 
                    					} // end if
                					}); // end forEach
            					} // end if
            				</script>
                		</button>
                	<% } %>
	                	
	                	<input type="text" name="wyszukaj" value="" dojoType="dijit.form.TextBox" 
	                			trim="true" id="wyszukajKlienciTextBox" style="width:80%;" 
	                			onchange="klienciDataGrid.filter({nazwa: '*' + dijit.byId('wyszukajKlienciTextBox').value + '*'});" />		
	                			
                	</div>
                	
                	<div id="klienciPanelTabeli" dojoType="dijit.layout.ContentPane" region="center" style="width: 99%; height: 320px;">
             	
<span dojoType="dojo.data.ItemFileReadStore" jsId="storeKlienci"
	url="/dane/klient/lista"  urlPreventCache="true" clearOnClose="true">
</span>
<table dojoType="dojox.grid.DataGrid" jsId="klienciDataGrid" store="storeKlienci" query="{ id: '*' }" 
	clientSort="true"  jsId="gridKlienci" >
    <thead>
        <tr>
        	<th width="10px">
        	
        	</th>
            <th width="30px" field="id">
                id
            </th>
            <th width="100%">
                nazwa
            </th>
            <th width="100px">
            	telefon
            </th>
            <th width="100px">
            	email
            </th>
            <th width="100px">
            	login
            </th>
        </tr>
    </thead>
</table>

                	</div>

                	
                	
                	</div>
                	
                	
                </div>
                
                
		<div id="dodawanieKlienta" dojoType="dijit.Dialog">
			<form action="/dane/klient/dodawnie" id="dodawanieKlientForm">
				<fieldset>
					<legend> <h2>Dodawanie nowego klienta!</h2> </legend>
					<div class="czesc_form">
						<label>Imię: </label>
						 <input class="text" type="text"
							name="imie" value=""
							dojoType="dijit.form.ValidationTextBox" id="noweKlientImie"
							promptMessage="Prosimy o wypełnienie pola"
							invalidMessage="Prosimy o wypełnienie pola" onChange="autouzupelnianieNazwy(dijit.byId('noweKlientImie'), dijit.byId('noweKlientNazwisko'), dijit.byId('noweKlientNazwa'));"
							trim="true" />
					</div>
					<div class="czesc_form">
						<label>Nazwisko: </label>
						 <input class="text" type="text"
							name="nazwisko" value="" id="noweKlientNazwisko"
							dojoType="dijit.form.ValidationTextBox"
							promptMessage="Prosimy o wypełnienie pola"
							invalidMessage="Prosimy o wypełnienie pola" onChange="autouzupelnianieNazwy(dijit.byId('noweKlientImie'), dijit.byId('noweKlientNazwisko'), dijit.byId('noweKlientNazwa'));"
							trim="true" />
					</div>
					<div class="czesc_form">
						<label>Nazwa: </label>
						 <input class="text" type="text"
							name="nazwa" value="" id="noweKlientNazwa"
							dojoType="dijit.form.ValidationTextBox" required="true"
							promptMessage="Prosimy o wypełnienie pola"
							invalidMessage="Prosimy o wypełnienie pola"
							trim="true" />
					</div>
					<div class="czesc_form">
						<label>Adres: </label>
						 <input class="text" type="text"
							name="adres" value=""
							dojoType="dijit.form.ValidationTextBox"
							promptMessage="Prosimy o wypełnienie pola"
							invalidMessage="Prosimy o wypełnienie pola"
							trim="true" />
					</div>
					<div class="czesc_form">
						<label>Miejscowość: </label>
						 <input class="text" type="text"
							name="miejscowosc" value=""
							dojoType="dijit.form.ValidationTextBox"
							promptMessage="Prosimy o wypełnienie pola"
							invalidMessage="Prosimy o wypełnienie pola"
							trim="true" />
					</div>
					<div class="czesc_form">
						<label>Kod pocztowy: </label>
						 <input class="text" type="text"
							name="kodPocztowy" value=""
							dojoType="dijit.form.ValidationTextBox"
							promptMessage="Prosimy o wypełnienie pola"
							invalidMessage="Prosimy o wypełnienie pola"
							trim="true" />
					</div>
					<div class="czesc_form">
						<label>Telefon: </label>
						 <input class="text" type="text"
							name="telefon" value=""
							dojoType="dijit.form.ValidationTextBox"
							promptMessage="Prosimy o wypełnienie pola"
							invalidMessage="Prosimy o wypełnienie pola"
							trim="true" />
					</div>
					<div class="czesc_form">
						<label>E-mail: </label>
						 <input class="text" type="text"
							name="email" value=""
							dojoType="dijit.form.ValidationTextBox"
							promptMessage="Prosimy o wypełnienie pola"
							invalidMessage="Prosimy o wypełnienie pola"
							trim="true" />
					</div>
					<div class="czesc_form">
						<label>NIP: </label>
						 <input class="text" type="text"
							name="nip" value=""
							dojoType="dijit.form.ValidationTextBox"
							promptMessage="Prosimy o wypełnienie pola"
							invalidMessage="Prosimy o wypełnienie pola"
							trim="true" />
					</div>
					<div class="czesc_form">
						<label>Login: </label>
						 <input class="text" type="text"
							name="login" value=""
							dojoType="dijit.form.ValidationTextBox"
							promptMessage="Prosimy o wypełnienie pola"
							invalidMessage="Prosimy o wypełnienie pola"
							trim="true" />
					</div>
					<div class="czesc_form">
						<label>Hasło: </label>
						 <input class="text" type="password"
							name="haslo" value=""
							dojoType="dijit.form.ValidationTextBox"
							promptMessage="Prosimy o wypełnienie pola"
							invalidMessage="Prosimy o wypełnienie pola"
							trim="true" />
					</div>
					<div class="submit">
						<button type="submit" dojoType="dijit.form.Button" >
		                    Dodaj klienta
		                </button>
						<span id="komunikaty_dodawanie_klienci"> </span>
					</div>
				</fieldset>
			</form>
		</div>
		
		
		
		<div id="edycjaKlienta" dojoType="dijit.Dialog">
			<form action="/dane/klient/edycja" id="edycjaKlientForm">
			<input type="hidden" name="id" id="edycjaId" value="0">
				<fieldset>
					<legend> <h2>Zmiana danych klienta</h2> </legend>
					<div class="czesc_form">
						<label>Imię: </label>
						 <input class="text" type="text"
							name="imie" value="" id="edycjaImie"
							dojoType="dijit.form.ValidationTextBox"
							promptMessage="Prosimy o wypełnienie pola"
							invalidMessage="Prosimy o wypełnienie pola"
							trim="true" />
					</div>
					<div class="czesc_form">
						<label>Nazwisko: </label>
						 <input class="text" type="text"
							name="nazwisko" value="" id="edycjaNazwisko"
							dojoType="dijit.form.ValidationTextBox"
							promptMessage="Prosimy o wypełnienie pola"
							invalidMessage="Prosimy o wypełnienie pola"
							trim="true" />
					</div>
					<div class="czesc_form">
						<label>Nazwa: </label>
						 <input class="text" type="text"
							name="nazwa" value="" id="edycjaNazwa"
							dojoType="dijit.form.ValidationTextBox" required="true"
							promptMessage="Prosimy o wypełnienie pola"
							invalidMessage="Prosimy o wypełnienie pola"
							trim="true" />
					</div>
					<div class="czesc_form">
						<label>Adres: </label>
						 <input class="text" type="text"
							name="adres" value="" id="edycjaAdres"
							dojoType="dijit.form.ValidationTextBox"
							promptMessage="Prosimy o wypełnienie pola"
							invalidMessage="Prosimy o wypełnienie pola"
							trim="true" />
					</div>
					<div class="czesc_form">
						<label>Miejscowość: </label>
						 <input class="text" type="text" id="edycjaMiejscowosc"
							name="miejscowosc" value="" id="edycjaMiejscowosc"
							dojoType="dijit.form.ValidationTextBox"
							promptMessage="Prosimy o wypełnienie pola"
							invalidMessage="Prosimy o wypełnienie pola"
							trim="true" />
					</div>
					<div class="czesc_form">
						<label>Kod pocztowy: </label>
						 <input class="text" type="text"
							name="kodPocztowy" value="" id="edycjaKodPocztowy"
							dojoType="dijit.form.ValidationTextBox"
							promptMessage="Prosimy o wypełnienie pola"
							invalidMessage="Prosimy o wypełnienie pola"
							trim="true" />
					</div>
					<div class="czesc_form">
						<label>Telefon: </label>
						 <input class="text" type="text"
							name="telefon" value="" id="edycjaTelefon"
							dojoType="dijit.form.ValidationTextBox"
							promptMessage="Prosimy o wypełnienie pola"
							invalidMessage="Prosimy o wypełnienie pola"
							trim="true" />
					</div>
					<div class="czesc_form">
						<label>E-mail: </label>
						 <input class="text" type="text"
							name="email" value="" id="edycjaEmail"
							dojoType="dijit.form.ValidationTextBox"
							promptMessage="Prosimy o wypełnienie pola"
							invalidMessage="Prosimy o wypełnienie pola"
							trim="true" />
					</div>
					<div class="czesc_form">
						<label>NIP: </label>
						 <input class="text" type="text"
							name="nip" value="" id="edycjaNip"
							dojoType="dijit.form.ValidationTextBox"
							promptMessage="Prosimy o wypełnienie pola"
							invalidMessage="Prosimy o wypełnienie pola"
							trim="true" />
					</div>
					<div class="czesc_form">
						<label>Login: </label>
						 <input class="text" type="text"
							name="login" value="" id="edycjaLogin"
							dojoType="dijit.form.ValidationTextBox"
							promptMessage="Prosimy o wypełnienie pola"
							invalidMessage="Prosimy o wypełnienie pola"
							trim="true" />
					</div>
					<div class="czesc_form">
						<label>Hasło: </label>
						 <input class="text" type="password"
							name="haslo" value="" id="edycjaHaslo"
							dojoType="dijit.form.ValidationTextBox"
							promptMessage="Prosimy o wypełnienie pola"
							invalidMessage="Prosimy o wypełnienie pola"
							trim="true" />
					</div>
					<div class="submit">
						<button type="submit" dojoType="dijit.form.Button" >
		                    Edycja klienta
		                </button>
						<span id="komunikaty_edycja_klienci"> </span>
					</div>
				</fieldset>
			</form>
		</div>
		
                